<template>
    <div>
        <div>价格：{{num|priceFilter}}</div>
        <div>
            <img :src="pic|httpFilter" alt="">
        </div>
        <div>{{message|capitalize}}</div>
    </div>
</template>

<script>
export default {
  data(){
    return{
        num:86.54321,
        pic:'sponsors.vuejs.org/images/crmeb.svg?v2',
        message:'helloworld'
    }
  },
  filters:{
    httpFilter(url){
        return `https://${url}`
    },
    priceFilter(arg){
        return `￥${arg.toFixed(2)}`
    }
  }
} 
</script>

<style>

</style>